body:not(.body--mobile,.body--window)>#toolbar{
	z-index: 3;
	height: 38px;
	margin-bottom: -38px;
	pointer-events: none;
	counter-reset:plugin-counter;
	background-color: transparent;
    -webkit-app-region: drag; 
	& .toolbar__item {
		pointer-events: visibleFill;
		app-region: no-drag;
	}
	& #toolbarVIP,#drag{
		display: none;
		}
    &  .toolbar__item:not(#barWorkspace,#closeWindow)[data-location]:not(.fn__none){
        counter-increment: plugin-counter;
        box-shadow: 12px 0px 0px 0px var(--Sv-plugin-off-bg),17px 0px 0px 0px var(--Sv-plugin-off-bg);
        background-color: var(--Sv-plugin-off-bg);
        width: 0px;
        opacity: 0;
        padding: 0px;
        transition: all 200ms ease;
        margin-top: 1px;
        &:hover{
            background-color: var(--Sv-toolbar-item-hover);
        }
        &:not(.fn__none)~#barPlugins+#savorPlugins #Splugin.button_off{
            width: 28px!important;
            background:var(--Sv-Splugin-on);
            background-color: var(--Sv-plugin-on-bg);
            margin-left: -62px;
            &:hover{
            background-color: var(--Sv-plugin-on-bg)!important;
            width: 42px!important;
            margin-left: -75px;
            }
            &:hover:before{
                right: 18px!important;
                transition: right 200ms;
            }
            &:before{
            content: counter(plugin-counter);
            opacity: 1;
            top: 0px;
            right: 6px;
            border-radius: 6px 0 0 6px;
            color: var(--Sv-plugin-counter);
            width: 28px;
            height: 28px;
            line-height: 28px;
            text-align: center;
            font-size: 14px;
            font-weight: 500;
            transform: none;
            border: none;
            transition: right 200ms;
        }
        }
    }
}
#barPlugins{
    margin-left: 18px;
}
.layout__dockl:not(.layout--float),.layout__dockr:not(.layout--float){
    padding-top: 38px;
}
#dockLeft,#dockRight{
	padding-top: 38px;
}
body:not(.body--window) .layout__center .fn__flex-column > .fn__flex > .layout-tab-bar {
	padding-left: 0px;
    min-width: 60px;
    z-index: 2;
	pointer-events: none;
	border: none;
	height: 44px;
    & .item:not(.item--readonly):not(.item--pin){
        background-color: transparent;
        }
	& .item:not(.item--readonly){
		margin-bottom:7px!important;
		pointer-events: visibleFill;
		& .item__text{
			color: var(--Sv-fixed-item-text);
		}
		&[data-type="tab-header"]{
			pointer-events: visibleFill;
			app-region: no-drag;
			&.item--focus{
				background-color: var(--b3-theme-background);
				& .item__text{
					color: var(--b3-theme-on-background);
				}
                &::after {
                    top: 23.5px;
                }
			}
		}
        &:hover{
            background-color: var(--Sv-tab-bar-item-background-hover); 
        }
	}
		& .item--readonly{
		padding: 0px;
		pointer-events: none;
		height: 36px;
		& .block__icon--show{
			pointer-events: visibleFill;
			app-region: no-drag;
			background-color: transparent;
            &[data-type="new"]{
                margin-right: 6px;
            }
            &:hover{
                background-color: var(--Sv-tab-bar-item-background-hover); 
            }
		}
	}
	&.layout-tab-bar--readonly{
        padding-top: 1px;
        padding-left: 6px;
        height: 37px;
	&::before {
		top: 4px;
		box-shadow: 6px -6px 0 var(--Sv-toolbar-background);
	}
}
}


#savordrag.fn__none{
	display:flex!important;
}
[data-menu]:not(.fn__none) ~ #barPlugins+#savorPlugins{
	display: flex;
	width: 0px;
	z-index:8;
}
#savordrag{
	display: block!important;
}



#Splugin{
	padding: 0px;
    margin-bottom: 3px;
	background:var(--Sv-Splugin-off);
	background-color: var(--Sv-plugin-b-off-bg);
	&::after{
        top: -3px;
		right: -78px;
	}
}

#Splugin.button_on{
    width: 18px!important;
    border-radius: 0 6px 6px 0!important;
    box-shadow: 0 0 0 2px inset var(--Sv-plugin-off-bg);
    margin-left: -51px;
    &:before{
        display: none;
    }
    &:hover{
        background:var(--Sv-Splugin-off);
        background-color: var(--Sv-plugin-b-off-bg-hover)!important;
        transition: none;
    }
}




.layout__empty{
    height: calc( 100% - 38px );
    margin-top: 38px;
    border-radius: 6px;
}
body:not(.body--mobile,.body--window) #layouts{
    margin: var(--Sv-layout-margin-fixed);
}



.layout__resize--lr:after {
        top: 38px;
        height: calc(100% - 38px);
}

#toolbar + .fn__flex{
    box-shadow:0 38px 0 0 var(--Sv-toolbar-background) inset;
}

#layouts>.fn__flex{
    background-color: var(--Sv-dock-background);
    box-shadow:0 38px 0 0 var(--Sv-toolbar-background) inset;
}
.dock--vertical{
    box-shadow:0 38px 0 0 var(--Sv-toolbar-background) inset;
}

/* 左侧间距 */
.layout--float,.layout__dockl[style*="width: 0"]{
    & ~ .layout__center [data-type="wnd"]>.fn__flex>.layout-tab-bar:not(.layout-tab-bar--readonly){
        margin-left: calc(var(--Sv-topfixed-marginLeft) + 60px);
        padding-left: 10px;
        transition: margin-left .2s cubic-bezier(0, 0, .2, 1) 0ms,padding-left .2s cubic-bezier(0, 0, .2, 1) 0ms;
    }
    & ~ .layout__center .layout__resize + .fn__flex-1 [data-type="wnd"]>.fn__flex>.layout-tab-bar:not(.layout-tab-bar--readonly){
        margin-left: 0!important;
        padding-left: 0px!important;
    }
}

.dock--vertical.fn__none + #layouts {
    .layout--float,.layout__dockl[style*="width: 0"]{
        & ~ .layout__center [data-type="wnd"]>.fn__flex>.layout-tab-bar:not(.layout-tab-bar--readonly){
            margin-left: calc(var(--Sv-topfixed-marginLeft) + 93px);
            transition: none;
        }
    }
}
.layout__center [data-type="wnd"]>.fn__flex>.layout-tab-bar:not(.layout-tab-bar--readonly){
    transition: margin-left .2s cubic-bezier(0, 0, .2, 1) 0ms,padding-left .2s cubic-bezier(0, 0, .2, 1) 0ms;
}
.body--mac .layout--float,.body--mac .layout__dockl[style*="width: 0"]{
    & ~ .layout__center [data-type="wnd"]>.fn__flex>.layout-tab-bar:not(.layout-tab-bar--readonly){
        margin-left: calc(var(--Sv-topfixed-marginLeft) + 130px);
        padding-left: 10px;
        transition: margin-left .2s cubic-bezier(0, 0, .2, 1) 0ms,padding-left .2s cubic-bezier(0, 0, .2, 1) 0ms;
    }
}

.body--mac .dock--vertical.fn__none + #layouts {
    .layout--float,.layout__dockl[style*="width: 0"]{
        & ~ .layout__center [data-type="wnd"]>.fn__flex>.layout-tab-bar:not(.layout-tab-bar--readonly){
            margin-left: calc(var(--Sv-topfixed-marginLeft) + 163px);
            transition: none;
        }
    }
}


.layout__center [data-type="wnd"] .layout-tab-container .fn__flex-column{
    box-shadow: var(--b3-theme-background) 0 0 0 7px inset;
}

.layout__center .layout__resize:not(.layout__resize--lr) +.fn__flex .layout-tab-bar--readonly{
    background-color: var(--Sv-dock-background)!important;
}

.layout__center [data-type="wnd"]>.fn__flex::after{
    content: "";
    position: absolute;
    height: 0.8em;
    width: 100%;
    opacity: 0;
    -webkit-app-region: drag;
}

#Splugin{
	display: block!important;
}